<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">

<head>

<meta charset="utf-8" />

<title>查看角色</title>

<meta content="width=device-width, initial-scale=1.0" name="viewport" />

<link href="/media/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="/media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
<link href="/media/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="/media/css/style-metro.css" rel="stylesheet" type="text/css" />
<link href="/media/css/style.css" rel="stylesheet" type="text/css" />
<link href="/media/css/style-responsive.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="/media/css/select2_metro.css" />

<!-- END PAGE LEVEL STYLES -->

<link rel="shortcut icon" href="/media/image/favicon.ico" />

<link rel="stylesheet" href="/media/ztree/css/bootstrapStyle/bootstrapStyle.css" type="text/css">
</head>

<body>
	<div class="row-fluid" style="margin: 10px;">
		<div class="span12">
			<div class="portlet" id="form_wizard_1">
				<div class="portlet-body form">

					<form action="#" method="POST" class="form-horizontal"
						id="submit_form">
						<div class="form-wizard">
							<div class="control-group">
								<label class="control-label">角色名<span class="required">*</span></label>

								<div class="controls">
									<input type="text" class="span6 m-wrap" name="roleName" th:value="${role.roleName}" disabled/> <span
										class="help-inline"></span>
								</div>
							</div>
							<div class="control-group">
								<label class="control-label">角色码<span class="required">*</span></label>
								<div class="controls">
									<input type="text" class="span6 m-wrap" name="roleCode" th:value="${role.roleCode}" disabled/> <span
										class="help-inline"></span>
								</div>
							</div>
							<div class="control-group ">
								<label class="control-label">角色描述</label>
								<div class="controls">
									<textarea class="span6 m-wrap" name="roleDesc" th:text="${role.roleDesc}" disabled></textarea>
									<span class="help-inline"></span>
								</div>
							</div>

							<div class="control-group">
								<label class="control-label">角色授权</label>
								<div class="controls">
									<ul id="treeDemo" class="ztree"></ul>
								</div>

							</div>
						</div>

					</form>

				</div>

			</div>

		</div>

	</div>

	<script src="/media/js/jquery-1.10.1.min.js" type="text/javascript"></script>
	<script src="/media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
	<script src="/media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>
	<script src="/media/js/bootstrap.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="/media/js/select2.min.js"></script>

	<script type="text/javascript"
		src="/media/ztree/js/jquery.ztree.core.js"></script>
	<script type="text/javascript"
		src="/media/ztree/js/jquery.ztree.excheck.js"></script>
	<script src="/media/js/app.js"></script>

	<script th:inline="javascript">
   
		jQuery(document).ready(function() {

			App.init();
			var data=[[${treeData}]];
			
			$.fn.zTree.init($("#treeDemo"),{
    			view: {
    				showIcon: false
    			},
    			check: {
    				enable: false
    				//,chkboxType: { "Y": "p", "Y": "s" } 
    			},
    			data: {
    				simpleData: {
    					enable: true
    				}
    			}
    		}, data);	
		});
	</script>
</body>

</html>